<script lang="tsx">
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'TestComponent',
  setup(props, ctx) {
    const data = ref([
      {
        name: '同安区',
        value: 500
      },
      {
        name: '集美区',
        value: 260
      },
      {
        name: '海沧区',
        value: 490
      }
    ])
    return () => (
      <div>
        {data.value.map((item) => {
          return <div key={item.value}>{item.name}</div>
        })}
      </div>
    )
  }
})
</script>

<style scoped></style>
